<template>
  <view class="padding30 bg-wight"  :style="`height:${pageHeight}`">
    <view class="list-input">
      <form @submit.prevent="submit">
        <view class="list-item">
          <view class="item">
            <view class="acea-row row-middle input" >
              <input
                type="text"
                placeholder="输入原密码 "
                v-model="model.oldPass"
                required
              />
            </view>
          </view>
          <view class="item">
            <view class="acea-row row-middle input">
              <input
                type="password"
                placeholder="输入新密码"
                v-model="model.newPass"
                required
              />
            </view>
          </view>
          <view class="item">
            <view class="acea-row row-middle input">
              <input
                type="password"
                placeholder="确认密码"
                v-model="model.verifyNewPass"
                required
              />
            </view>
          </view>
        </view>
      </form>
      <view class="desc"> 密码必须是8~12个英文字母、数字或符号位数字 </view>
    </view>
    <button class="btn-sbp" @click="submit(model, 2)">提交</button>
  </view>
</template>

<script>
import passwordMinix from "@/mixins/password.js";
import onLoad from "@/mixins/onLoad.js";
import { changePayPass } from "@/api/user.js";
export default {
  mixins: [passwordMinix,onLoad],
  data() {
    return {
      model: {},
    };
  },

  methods: {},
};
</script>

<style lang="scss" scoped>
@import url("../../static/css/gstyle.scss");

.list-input {
  .list-item {
    .item {
      .row-middle {
        position: relative;
        background-color: white;
      }
    }
  }
}
</style>
